/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,ol,ul,li,dl,dt,dd,input{margin:0; padding:0; font-family:"Î¢ÈíÑÅºÚ";}
body{background:#f7f7f7;}
li{list-style:none;}
a{text-decoration:none; color:inherit; outline:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* Í·²¿ */
.topbj{border-bottom:1px solid #ddd; position:relative;}
.top{width:1200px; height:100px; margin:0 auto;}
.top a img{float:left; margin-top:16px;}
.top ul{float:right; line-height:100px; font-size:14px; color:#333;}
.top li{width:106px; float:left; text-align:center;}
.top li a{display:block;}
.top li div{ display:table-cell; width:106px; vertical-align:middle; height:100px; cursor:pointer; text-align:center;}
.top li img{vertical-align:middle;}
.top li.active,.top li:hover{background:#005bac;}
.top li.active a,.top li:hover a{color:#FFF;}
.top ul li:nth-last-child(1):hover{background:none;}
.top li div.znav{position:absolute; top:100px; left:0;  background:#fff; z-index:2; white-space:nowrap; width:100%; padding:20px 0; height:auto; display:none; height:300px; z-index:1000;}
.top li div.znav .znav_bod{margin-left:-12px;position:absolute; top:20px; left:50%; width:auto; text-align:left; white-space:nowrap;}
.top li:nth-child(3) div.znav .znav_bod{margin-left:96px;position:absolute;  width:auto; text-align:left; white-space:nowrap;}
.top li:nth-child(4) div.znav .znav_bod{margin-left:200px;position:absolute;  width:auto; text-align:left; white-space:nowrap;}
.top li:nth-child(5) div.znav .znav_bod{margin-left:200px;position:absolute;  width:auto; text-align:left; white-space:nowrap;}
.top li:nth-child(6) div.znav .znav_bod{margin-left:300px;position:absolute;  width:auto; text-align:left; white-space:nowrap;}
.top li div.znav dl{float:left; margin-right:20px;}
.top li div.znav dt{height:40px; line-height:40px;}
.top li div.znav dd{height:30px; line-height:30px; font-size:12px; color:#666;}
.top li:hover div.znav dl a{color:inherit;}
.top li div.znav dl a:hover{color:#005bac;}
.top li.ssbj{position:relative;}
.top li form{position:absolute; top:70px; right:0; white-space:nowrap; z-index:2; display:none; z-index:1000;}
.top li form .text{width:200px; height:30px; border:1px solid #CCC; text-indent:6px; color:#666;}
.top li form .submit{width:60px; height:30px; border:1px solid #005bac; background:#005bac; color:#FFF; line-height:none;}

/* Ê×Ò³ */
.box1bj{background:#f7f7f7; padding-bottom:50px;}
.box1{width:1200px; margin:0 auto; position:relative;}
#zuo_box1{position:absolute; top:300px; left:-40px;}
#you_box1{position:absolute; top:300px; right:-40px;}
.index_tit{height:120px; line-height:120px; font-size:22px; color:#333333; padding-left:54px; background:url(images/pjh_03.png) left center no-repeat; font-weight:bold;}
.box1 .bod{height:486px; position:relative; overflow:hidden;}
.box1 .bod ul{position:absolute; top:0; left:0;}
.box1 .bod ul li{width:380px; height:486px; background:#FFF; float:left; margin-right:30px;}
.box1 .bod ul li img{display:block; width:100%; height:220px;}
.box1 .bod ul li h3{font-size:18px; color:#333333; padding:20px;}
.box1 .bod ul li p{padding:0 20px 0 20px; font-size:14px; line-height:20px; height:120px}
.box1 .bod ul li .more{display:block; height:46px; line-height:46px; text-align:center; font-size:14px; border:1px solid #d5d5d5; color:#333333; margin:0 20px;}

.box2bj{height:573px; background:url(images/index_06.jpg) center center no-repeat;}
.box2{width:1200px; margin:0 auto;}
.box2 .index_tit{background:url(images/pjh_04.png) left center no-repeat;}
.box2 li{width:300px; height:450px; float:left; position:relative;}
.box2 li a>img{width:100%; height:100%; display:block;}
.box2 li>div{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(51,51,51,0.4);}
.box2 li>div .fr{margin:164px 30px 0 0; color:#ffffff; text-align:right;}
.box2 li>div .fr em{float:right;}
.box2 li>div .fr i{display:table-cell; vertical-align:middle; width:60px; height:60px; text-align:center; background:rgba(0,91,172,0.8); border-radius:50%;}
.box2 li>div .fr h3{font-size:22px; margin:50px 0 6px;}
.box2 li>div .fr p{font-size:14px;}
.box2 li>div .fr span{float:right; margin-top:26px;}
.box2 li:hover>div{display:none;}

.box3{width:1200px; margin:0 auto;}
.box3 .bod>.fl{width:610px; margin-left:54px;}
.box3 .bod>.fl p{font-size:14px; color:#555555; line-height:22px; margin-bottom:20px;}
.box3 .bod>.fl div a{display:inline-block; width:152px; height:38px; line-height:38px; font-size:14px; text-align:center; color:#666666; border:2px solid #999999; margin-right:14px;}
.box3 .bod>.fl div a:nth-child(1){background:#005bac; border:2px solid #005bac; color:#FFF;}
.box3 .bod>.fr{width:464px; height:250px;}
.box3 .bod>.fr img{width:100%; height:100%;}

.box4{width:1200px; margin:60px auto 40px;}
.box4 li{width:300px; text-align:center; float:left;}
.box4 li p{font-size:44px; font-family:Arial, Helvetica, sans-serif; color:#f53136;}
.box4 li p small{font-size:22px; color:#666666;}
.box4 li span{font-size:14px; color:#666666;}

.box5{width:1200px; margin:0 auto; position:relative;}
.box5 .bod{height:160px; background:#F00; position:relative; border:1px solid #cfcdcd; overflow:hidden;}
#zuo_box5{position:absolute; left:-30px; top:60px;}
#you_box5{position:absolute; right:-30px; top:60px;}
.box5 .bod ul{position:absolute; top:0; left:0;}
.box5 .bod ul li{width:239px; height:160px; border-right:1px solid #cfcdcd; float:left;}
.box5 .bod ul li img{width:100%; height:100%;}

.box6bj{height:606px; background:url(images/index_18.jpg) center center no-repeat;}
.box6{width:1200px; margin:80px auto 0;}
.box6 li{width:380px; height:486px; background:#FFF; float:left; margin-right:30px;}
.box6 li:nth-child(3n){margin-right:0;}
.box6 li img{width:100%; height:220px; display:block;}
.box6 li dl{padding:30px 30px 20px 30px;}
.box6 li dl dt{font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
.box6 li dl dt b{font-size:18px; display:block;}
.box6 li dl dd{font-size:14px; color:#666666; height:100px; margin:20px 0 10px; line-height:24px;}
.box6 li dl a{display:block; height:46px; line-height:46px; font-size:14px; color:#333333; text-align:center; border:1px solid #d5d5d5; transition:0.4s;}
.box6 li dl:hover a{transform:translate(-4px,-4px); box-shadow:4px 4px 4px #999999;}

.box7{width:1200px; margin:0 auto;}
.box7 .bod{padding-left:54px;}
.box7 .bod li{width:520px; float:left; padding-bottom:18px; border-bottom:1px solid #d6d6d6; margin-bottom:30px;}
.box7 .bod li:nth-child(2n){float:right;}
.box7 .bod li span{font-size:20px; color:#333333;}
.box7 .bod li span small{font-size:12px; color:#787878; display:block;}
.box7 .bod li h2{font-size:20px; color:#333333; margin:10px 0 16px;}
.box7 .bod li p{font-size:14px; color:#999999; height:40px;}
.box7 .bod li h2:hover{color:#0164a6;}

.bottom1bj{background:#454545; padding:36px 0;}
.bottom1{width:1200px; margin:0 auto;}
.bottom1 dl{float:left; margin:0 14px 0 40px;}
.bottom1 dt{font-size:16px; color:#FFF; padding-left:10px; border-left:3px solid #f53136; margin-bottom:24px;}
.bottom1 dd{font-size:14px; color:#ccc; margin-bottom:14px; padding-left:10px;}
.bottom1 .fr{margin-right:62px; text-align:center;}
.bottom1 .fr p{font-size:14px; color:#FFF; margin-bottom:16px;}

.bottom2bj{background:#3e3e3e; padding:15px 0;}
.bottom2{width:1200px; margin:0 auto; text-align:center; font-size:14px; color:#CCC;}











